<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>全局自定义模板</title>
</head>
<body>
<!--css配置-->
<style>
    .workflow-collapse{
        display: none;
    }
    .custom{
        margin-top: 24px;
    }
    .custom .custom__title{
        font-weight: 500;
        color: rgba(0,0,0,.85);
        font-size: 18px;
    }
    .custom__content p{
        padding: 8px;
    }
    .custom__content--title {
        display: inline-block;
        min-width: 102px;
        max-width: 102px;
    }
    .custom__content--table{
        width: 100%;
        margin-top: 24px;
    }
    .edit{
        display: none;
    }
</style>

<style media="print">
    .header{
        display: none!important;
    }
</style>
<!--是否加载全局模板 请填写正确的load-template 格式：http://www.xxx.com/-->
<section id="rootTemplate" load-template=""></section>
<!--配置API地址 可以覆盖root配置 api-url格式：http://www.xxx.com/-->
<section id="controller" api-url=""></section>
<!--RootToolbar配置-->
<section id="toolbar">
</section>
<!--Template配置 key是唯一标识，请不要修改已保证页面正常运行-->
<section type="template" id="template">
<a-row>
    <a-col>
        <a-title key="2031553064451064" data-name="未确认详情"></a-title>
    </a-col>
</a-row>
<a-row>
    <a-col>
        <a-create-by key="creater" data-name="创建人"></a-create-by>
    </a-col>
    <a-col>
        <a-created-time key="createdTime" data-name="创建时间"></a-created-time>
    </a-col>
    <a-col>
        <a-sequence-no key="sequenceNo" data-name="单据号"></a-sequence-no>
    </a-col>
</a-row>
<a-row>
    <a-col>
        <a-group-title key="2001553064451065" data-name="会议信息"></a-group-title>
    </a-col>
</a-row>
<a-row>
    <a-col>
        <a-date key="mettingTime" data-name="会议开始时间" data-format="YYYY-MM-DD HH:mm"></a-date>
    </a-col>
    <a-col>
        <a-association-form key="meetingAddress" data-name="会议地点" data-schema-code="meeting_notice"></a-association-form>
    </a-col>
</a-row>
<a-row>
    <a-col>
        <a-text key="subject" data-name="标题" data-default-value="会议通知单"></a-text>
    </a-col>
    <a-col>  
    </a-col>
</a-row>
<a-row class="custom">
    <p class="custom__title">签到人员</p>
    <div class="custom__content">
       <table class="custom__content--table table">
           <thead class="ant-table-thead">
               <tr>
                    <th>参会人员</th>
                    <th>所属部门</th>
                    <th>是否签到</th>
                    <th>签到时间</th>
               </tr>
           </thead>
           <tbody id="tabel_content" class="ant-table-tbody">

           </tbody>
       </table>
    </div>
</a-row>
</section>
<!-- 用户确认信息 -->
<!--自定义事件配置-->
<script id="customScript">
    (function(form){
        /**
         * 用户自定义JS区域
         */
        /**
         * 事件绑定，form.on
         * @param eventType 事件类型
         * @params function 事件
         * @param  cover    true, false 是否覆盖root的生命周期 默认不覆盖 
         */
        //数据加载后，渲染之前
        form.on('onLoad',function(data){
            if(env.isMobile){
                this.actions.forEach(function(res) {
                    if(res.code === 'print') {
                        res.visible = false;
                    }
                });
            }
            var params = {
                meetingId: data.id
            }
            axios.get("/api/meeting/query", { params }).then(function(res) {
                if (res.data && res.errcode ===0) {
                    var str = '';
                    res.data.forEach(function(res){

                        var signState = res.isSign ? '签到' : '未签到';

                        var time = res.createdTime ? res.createdTime : '';

                        str += '<tr> <td>' + res.name +'</td> <td>'+
                           res.depart + '</td> <td>' + signState + '</td> <td>' + time + '</td></tr>';
                    });
                    var aTable = window.parent.document.getElementById('tabel_content');
                        aTable.innerHTML = str;
                }
              
            });
        },'cover');
        //内置校验完成后，返回false阻止提交
        form.on('onValidate',function(action,data){});
        //操作前执行，返回false阻止按钮操作
        form.on('onPreAction',function(action,data){
           
        });
        //操作后执行
        form.on('onActionDone',function(action,data){});
    })
</script>
<script src="/admin/js/chunk-vendors.js" class="templateScript"></script>
<script src="/admin/js/template.js" class="templateScript"></script>
</body>
</html>